<div class="navbar navbar-hidden">
    <div class="navbar-inner"></div>
</div>
<div data-page="Addcrown" id="Addcrown" data-sx="{{sx}}" data-sy="{{sy}}" data-sw="{{sw}}" data-sh="{{sh}}" class="page no-navbar toolbar-fixed">
    <div class="page-content" style="background: rgba(0,0,0,.8);">
        <div style="width: 100%;height: 450px;" class="flex-row flex-align-center flex-justify-center">
            <div style="width: 300px;height: 300px;position: relative;">
                <canvas id="stage1" width="300" height="300"></canvas>
                <div class="crown-icon-wrap" data-crown="3" data-rot="0" data-scale="1" data-translatex="0" data-translatey="0">
                    <img src="img/crown3.png" style="width: 100%;height: 100%;">
                    <div class="crown-icon-trans-btn">
                        <i class="f7-icons color-red crown-icon">refresh_round_fill</i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="toolbar" style="background: rgba(0,0,0,.1);">
        <div class="toolbar-inner flex-column flex-justify-around flex-align-center">
            <div style="position: absolute;top: -20px;right: 20px;" class="to-finish">
                <i class="f7-icons color-green" style="font-size: 40px;">check_round_fill</i>
            </div>
            <div class="crown-container flex-row flex-justify-center flex-align-center" style="width: 100%;">
                <div class="crown-slide" data-crown="3">
                    <img src="img/crown3.png" style="width: 100%;">
                </div>
                <div class="crown-slide" data-crown="6">
                    <img src="img/crown6.png" style="width: 100%;">
                </div>
                <div class="crown-slide" data-crown="7">
                    <img src="img/crown7.png" style="width: 100%;">
                </div>
                <div class="crown-slide" data-crown="8">
                    <img src="img/crown8.png" style="width: 100%;">
                </div>
                <div class="crown-slide" data-crown="9">
                    <img src="img/crown9.png" style="width: 100%;">
                </div>
            </div>
        </div>
    </div>
</div>